<template>
<view class="detial">
  <view class="detial-title">
    {{content.title}}
  </view>
  <view class="detail-main">
    <view>我的称呼：{{content.name}}</view>
    <view>内容来源：{{content.company}}</view>
    <view>我的联系方式：{{content.phone}}</view>
    <view>我的年龄：{{content.number}}</view>
    <view>内容：{{content.claim}}</view>
  </view>
  <view class="detail-foot">
    最后修改于：{{content.gmtModified}}
  </view>
</view>
</template>

<script>
// pages/common/category.js
let app = getApp();

export default {
  data() {
    return {
      content: {}
    };
  },

  components: {},
  props: {},
  onLoad: function (options) {
    let id = options.id;
    uni.request({
      url: `${app.globalData.baseUrl}/release-work/work/one/${id}`,
      // 目标服务器url
      success: res => {
        let content = res.data.dataMap.data;
        this.setData({
          content
        });
      }
    });
  },
  methods: {}
};
</script>
<style>
page {
    width: 100%;
    padding: 20rpx 2%;
    background: #efeff5;
}

.detial-title {
    width: 96%;
    height: 100rpx;
    line-height: 100rpx;
    font-size: large;
    font-weight: 1000;
    border-bottom: 1px solid #e6e6e6;
    padding-left: 10rpx;
    background: #fff;
}

.detail-main {
    width: 96%;
    line-height: 70rpx;
    padding-left: 10rpx;
    margin-top: 10rpx;
    background: #fff;
}

.detail-foot {
    width: 96%;
    line-height: 70rpx;
    padding-right: 20rpx;
    margin-top: 10rpx;
    background: #fff;
    text-align: right;
}

</style>